
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
 <meta charset="UTF-8">
 <title>狗东商家后台</title>

 <style type="text/css">
  @import url(../static/chat/css/demo.css);
  @import url(../static/chat/imgs/font-icon/iconfont.css);
  @import url(../static/admin/css/index_css/product.css);
  @import url(../static/admin/css/index_css/index-min.css);
  @import url(../static/admin/css/index_css/footer.css);
  @import url(../static/admin/css/index_css/normalize.css);
  @import url(../static/admin/css/index_css/base.css);
  @import url(../static/admin/css/style.css);
 </style>
 <!--[if lt IE 9]>
 <script src="../static/admin/js/html5.js"></script>
 <![endif]-->
 <script src="../static/admin/js/jquery.js"></script>
 <script src="../static/admin/js/jquery.mCustomScrollbar.concat.min.js"></script>


</head>
<body>
<section>
 <div class="header" >
  <font size="5px">${admin}管理员</font>
 </div>


 <aside class="lt_aside_nav content mCustomScrollbar">
  <h2>系统管理</h2>
  <ul>

   <li>
    <dl>
     <dt>在线统计</dt>
     <dd><a href="/statistical/data">流量统计</a></dd>
     <dd><a href="/statistical/money">销售额统计</a></dd>
    </dl>
   </li>

   <li>
    <dl>
     <dt>店铺投诉</dt>
     <dd><a href="/report/shopList" class="active">投诉列表</a></dd>
    </dl>
   </li>

   <li>
    <dl>
     <dt>买家投诉</dt>
     <dd><a href="/report/ConsumerList">投诉列表</a></dd>
    </dl>
   </li>


   <li>
    <p class="btm_infor">© 狗东商城</p>
   </li>
  </ul>
 </aside>
</section>


<section class="rt_wrap content mCustomScrollbar">



  <div class="rt_content">
       <div class="page_title">
        <h2 class="fl">数据信息统计</h2>
       </div>
     <div class="dataStatistic">
         <div id="line">
         </div>
     </div>

   <div class="dataStatistic">
    <div id="cylindrical">
    </div>
   </div>

  </div>




 <footer>
  <div class="footer">
   <div class="alt">
    <div class="foot">
     <p>关于作者</p>
     <a href="###">冯东旺</a>
     <a href="###">外包171</a>
     <a href="###">广药</a>
     <a href="###">2021届</a>
     <a href="###">毕业设计</a>
     <a href="###">SpringCloud</a>
     <a href="###">电商平台</a>

    </div>
    <div class="foot">
     <p>资源</p>
     <a href="###">生产者代码</a>
     <a href="###">消费者代码</a>
     <a href="###">注册中心代码</a>
     <a href="###">控制代码</a>
    </div>
    <div class="foot">
     <p>产品介绍</p>
     <a href="###">使用教程</a>
     <a href="###">产品思路</a>
    </div>
    <div class="foot">
     <p>友情链接</p>
     <a href="###">Eureka注册中心</a>
     <a href="###">商家管理中心</a>
     <a href="###">资源占用查看</a>
    </div>
    <div class="foot">
     <p>反馈</p>
     <a >作者邮箱：fdw_fdw@qq.com</a>
    </div>
    <div class="foot">
     <p>服务支持</p>
     <a href="###">gitee下载链接</a>
    </div>
    <div class="foot">
     <p>打赏作者</p>
     <img src="../static/pay_photo/wechat.jpg" width="128px" height="150px"/>
    </div>
    <div class="foot">
     <p> </p>
     <img src="../static/pay_photo/alipay.jpg" width="128px" height="150px"/>
    </div>
   </div>
   <div style="border-top:1px #1F1F1F solid;">
    <p class="alt" style="color:#999; line-height:0;">@ 开放协议：GPL    
     <span>作者：</span>
     <a href="###" target="_blank" style="color:#999;">冯东旺</a>
     <span style="float:right;">地址：广州大学城广药</span>
    </p>
   </div>
  </div>
 </footer>

</section>
<script src="../static/admin/js/amcharts.js" type="text/javascript"></script>
<script src="../static/admin/js/serial.js" type="text/javascript"></script>
<script src="../static/admin/js/pie.js" type="text/javascript"></script>
</body>


<script src="../static/admin/js/amcharts.js" type="text/javascript"></script>
<script src="../static/admin/js/serial.js" type="text/javascript"></script>
<script src="../static/admin/js/pie.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function (e) {
        GetSerialChart();
        MakeChart(json);
    });

    var json = ${data}
    //折线图
    AmCharts.ready(function () {
        var chart = new AmCharts.AmSerialChart();
        chart.dataProvider = json;
        chart.categoryField = "date";
        chart.angle = 30;
        chart.depth3D = 20;
        // 标题
        chart.addTitle("日期-销售额折线图", 15);
        var graph = new AmCharts.AmGraph();
        chart.addGraph(graph);
        graph.valueField = "price";
        //背景颜色透明度
        graph.fillAlphas = 0.3;
        //类型
        graph.type = "line";
        //圆角
        graph.bullet = "round";
        //线颜色
        graph.lineColor = "#8e3e1f";
        //提示信息
        graph.balloonText = "[[name]]: [[value]]";
        var categoryAxis = chart.categoryAxis;
        categoryAxis.autoGridCount = false;
        categoryAxis.gridCount = json.length;
        categoryAxis.gridPosition = "start";
        chart.write("line");
    });
</script>



<script src="js/amcharts.js" type="text/javascript"></script>
<script src="js/serial.js" type="text/javascript"></script>
<script src="js/pie.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function (e) {
  GetSerialChart();
  MakeChart(json);
 });
 var json = ${data}

 //柱状图
 function GetSerialChart() {

  chart = new AmCharts.AmSerialChart();
  chart.dataProvider = json;
  //json数据的key
  chart.categoryField = "date";
  //不选择
  chart.rotate = false;
  //值越大柱状图面积越大
  chart.depth3D = 20;
  //柱子旋转角度角度
  chart.angle = 30;
  var mCtCategoryAxis = chart.categoryAxis;
  mCtCategoryAxis.axisColor = "#efefef";
  //背景颜色透明度
  mCtCategoryAxis.fillAlpha = 0.5;
  //背景边框线透明度
  mCtCategoryAxis.gridAlpha = 0;
  mCtCategoryAxis.fillColor = "#efefef";
  var valueAxis = new AmCharts.ValueAxis();
  //左边刻度线颜色
  valueAxis.axisColor = "#ccc";
  //标题
  valueAxis.title = "日期-销售额柱形图";
  //刻度线透明度
  valueAxis.gridAlpha = 0.2;
  chart.addValueAxis(valueAxis);
  var graph = new AmCharts.AmGraph();
  graph.title = "price";
  graph.valueField = "price";
  graph.type = "column";
  //鼠标移入提示信息
  graph.balloonText = "[[category]] [[value]]";
  //边框透明度
  graph.lineAlpha = 0.3;
  //填充颜色
  graph.fillColors = "#b9121b";
  graph.fillAlphas = 1;

  chart.addGraph(graph);

  // CURSOR
  var chartCursor = new AmCharts.ChartCursor();
  chartCursor.cursorAlpha = 0;
  chartCursor.zoomable = false;
  chartCursor.categoryBalloonEnabled = false;
  chart.addChartCursor(chartCursor);

  chart.creditsPosition = "top-right";

  //显示在Main div中
  chart.write("cylindrical");
 }


</script>


</body>



</html>

